<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米商城首页</title>
		<link rel="stylesheet" href="styles/index.css" />
	</head>
	<body>
		<div class="head_oy">
			<ul class="ul">
				<li>小米商城</li>
				<li class="span"></li>
				<li>MIUI</li>
				<li class="span"></li>
				<li>IoT</li>
				<li class="span"></li>
				<li>云服务</li>
				<li class="span"></li>
				<li>有品</li>
				<li class="span"></li>
				<li>小爱开放平台</li>
				<li class="span"></li>
				<li>企业团购</li>
				<li class="span"></li>
				<li>资质证照</li>
				<li class="span"></li>
				<li>协议规则</li>
				<li class="span"></li>
				<li>下载APP</li>
				<li class="span"></li>
				<li>Select Location</li>
				<li class="span"></li>
				<ul class="ul1">
					<li>登录</li>
					<li class="span"></li>
					<li>注册</li>
					<li class="span"></li>
					<li>消息通知</li>
					<li class="cat"><img src="img/购物车.jpg">购物车(0)</li>
				</ul>
			</ul>
		</div>
		<div class="search_oy">
			<img src="img/小米logo.png" />
			<p> 小米手机 &nbsp;&nbsp;&nbsp;Redmi 红米&nbsp;&nbsp;&nbsp;电视&nbsp;&nbsp;&nbsp;笔记本&nbsp;&nbsp;&nbsp;家电&nbsp;&nbsp;&nbsp;
				路由器&nbsp;&nbsp;&nbsp;智能硬件&nbsp;&nbsp;&nbsp;服务社区</p>
			<input type="search" id="search" name="search" placeholder="Redmi Note 8 Pro 小米9" />
			<input type="button" id="button" name="search-button" />
		</div>
		<div class="center">
		<div class="ul_2">
			<ul class="ul2">
				<li>手机电话卡<i class="icon"><img src="img/箭头.png"></i></li>
				<li>电视盒子<i class="icon"><img src="img/箭头.png"></i></li>
				<li>笔记本平板<i class="icon"><img src="img/箭头.png"></i></li>
				<li>家电插线板<i class="icon"><img src="img/箭头.png"></i></li>
				<li>出行穿戴<i class="icon"><img src="img/箭头.png"></i></li>
				<li>智能路由器<i class="icon"><img src="img/箭头.png"></i></li>
				<li>电源配件<i class="icon"><img src="img/箭头.png"></i></li>
				<li>健康儿童<i class="icon"><img src="img/箭头.png"></i></li>
				<li>耳机音箱<i class="icon"><img src="img/箭头.png"></i></li>
				<li>生活箱包<i class="icon"><img src="img/箭头.png"></i></li>
			</ul>
			</div>
			<div class="center_picture"></div>
			<div class="picture">
				<table class="table">
				<tr class="ul_pic">
					<td><img src="img/小米秒杀.png"><a>小米秒杀</a></td>
					<td><img src="img/企业团购.png"><a>企业团购</a></td>
					<td><img src="img/Fma.png"><a>F码通道</a></td>	
				</tr>
				<tr class="ul_pic">
					<td><img src="img/米粉卡.png"><a>米粉卡</a></td>
					<td><img src="img/以旧换新.png"><a>以旧换新</a></td>
					<td><img src="img/花费充值.png"><a>话费充值</a></td>
				</tr>
				</table>
			<table class="table1">
				<tr class="ul_pic1">
					<td><img src="img/小米9.jpg"></td>
					<td><img src="img/小米3.jpg"></td>
					<td><img src="img/小米4.jpg"></td>	
				</tr>
				</table>
			</div>
			<div class="zjian">
			<div class="phone"><a>小米闪购</a>	
				<!-- <a class="all">查看全部<i class="icon"></i></a> -->
				</div>
				<table class="table_0" cellspacing="15px">	
							<tr class="ul_pic_0">
								<td><img src="img/小米闪购.png"></td>
								<td><img src="img/小米闪购1.png"></td>
								<td><img src="img/小米闪购2.png"></td>
								<td><img src="img/小米闪购3.png"></td>
								<td><img src="img/小米闪购4.png"></td>
							</tr>
						</table>
	<div class="zjian_pic1"><img src="img/小米9pro.webp">
		 <div class="phone"><a>手机</a>	
		 <a class="all">查看全部<i class="icon"></i></a>
		  </div>	 
		 </div>
		 <table class="table_1">	
			<tr class="ul_pic_1">
				<td rowspan="2"><img src="img/2.webp"></td>
				<td><img src="img/p1.png"></td>
				<td><img src="img/p1.png"></td>
				<td><img src="img/p1.png"></td>
				<td><img src="img/p1.png"></td>
			</tr>
			<tr class="ul_pic_1">
				<td><img src="img/p1.png"></td>
				<td><img src="img/p1.png"></td>
				<td><img src="img/p1.png"></td>
				<td><img src="img/p1.png"></td>
			</tr>
			</table>
		<div class="zjian_pic2"><img src="img/小米电视.webp">
		 <div class="phone"><a>家电</a>	
		 <a class="all" href="#">热门</a> <a class="all2" href="#">电视影像</a>
		  </div>	 
		 </div>
		 <table class="table_2">	
			<tr class="ul_pic_2">
				<td><img src="img/净水器.webp"></td>
				<td><img src="img/空调.png"></td>
				<td><img src="img/米家空调.png"></td>
				<td><img src="img/洗衣机.png"></td>
				<td><img src="img/电视机.png"></td>
			</tr>
			<tr class="ul_pic_2">
				<td><img src="img/扫地机器人.webp"></td>
				<td><img src="img/空调.png"></td>
				<td><img src="img/米家空调.png"></td>
				<td><img src="img/洗衣机.png"></td>
				<td><img src="img/电视机.png"></td>
			</tr>
			</table>
		
		<div class="zjian_pic3"><img src="img/电动牙刷.webp">
		 <div class="phone"><a>智能</a>	
		 <a class="all" href="#">热门</a> <a class="all2" href="#">出行</a>
		  </div>	 
		 </div>
		 <table class="table_3">	
			<tr class="ul_pic_3">
				<td><img src="img/摄影机.webp"></td>
				<td><img src="img/空调.png"></td>
				<td><img src="img/米家空调.png"></td>
				<td><img src="img/洗衣机.png"></td>
				<td><img src="img/电视机.png"></td>
			</tr>
			<tr class="ul_pic_3">
				<td><img src="img/滑板车.webp"></td>
				<td><img src="img/空调.png"></td>
				<td><img src="img/米家空调.png"></td>
				<td><img src="img/洗衣机.png"></td>
				<td><img src="img/电视机.png"></td>
			</tr>
			</table>
			<div class="end">
				<div class="zjian_pic"></div>
			</div>
		</div>
		</div>
		<div class="tfoot1">
						<div class="tfoot2">
						    <ul class="ul4">
							    <li class="li01">预约维修服务</li>
								<li class="li02">|</li>
							    <li class="li03">7天无理由退货</li>
								<li class="li04">|</li>
							    <li class="li05">15天免费换货</li>
								<li class="li06">|</li>
							    <li class="li07">满150元包邮</li>
								<li class="li08">|</li>
							    <li class="li09">520余家售后网点</li>
							</ul>
								<img src="img/维修.png" class="img101">
								<img src="img/7天.png" class="img102">
								<img src="img/15天.png" class="img103">
								<img src="img/礼物盒.png" class="img104">
								<img src="img/位置.png" class="img105">
								<p class="p1"></p>
							<ul class="ul5">
							    <li class="li11">帮助中心</li>
								<li class="li12">账户管理</li>
							    <li class="li13">购物指南</li>
								<li class="li14">订单操作</li>
							</ul>
							<ul class="ul6">
							    <li class="li21">服务支持</li>
								<li class="li22">售后政策</li>
							    <li class="li23">自助服务</li>
								<li class="li24">相关现在</li>
							</ul>
							<ul class="ul7">
							    <li class="li31">线下门店</li>
								<li class="li32">小米之家</li>
							    <li class="li33">服务网点</li>
								<li class="li34">授权体验店</li>
							</ul>
							<ul class="ul8">
							    <li class="li41">关于小米</li>
								<li class="li42">了解小米</li>
							    <li class="li43">加入小米</li>
								<li class="li44">投资者关系</li>
							</ul>
							<ul class="ul9">
							    <li class="li51">关注我们</li>
								<li class="li52">新浪微博</li>
							    <li class="li53">官方维修</li>
								<li class="li54">联系我们</li>
							</ul>
							<ul class="ul10">
							    <li class="li61">特色服务</li>
								<li class="li62">F码通道</li>
							    <li class="li63">礼物码</li>
								<li class="li64">防伪查询</li>
							</ul>
							<p class="p2"></p>
							<p class="p3">400-100-5678</p>
							<p class="p4">周一至周日 8:00-18:00</p>
							<p class="p5">（仅收市话费）</p>
							<input type="button" value="            人工客服        " class="button1">
							<img src="img/消息.png" class="img111">
						</div>
					</div>
					<div class="div13">
						<img src="img/小米logo.png" >
						<p class="p11">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 |路由器 | 米粉卡 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米商城隐私政策 | 小米商城用户协议 | 问题反馈 | 廉正举报 | 诚信合规 | Select Location</p>
					    <p class="p12"> mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号	</p>
					    <p class="p13">（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械公告</p>
					    <p class="p14">增值电信业务许可证  网络食品经营备案（京）【2018】WLSPJYBAHF-12   食品经营许可证</p>
						<p class="p15">违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					    <img src="img/底部.png" class="img121">
					</div>
	</body>
</html>
